<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
				list-style: none;
			}
			.wrapper{
				width: 100%;
				position: relative;
			}
			.header{
				width: 100%;
				height: 58px;
				margin-bottom: 10px;
				background-color: #1a1a1a;
			}
			.nav{
				width: 550px;
				height: 58px;
				margin: 0 auto;
				
			}
			.nav li{
				margin: 0px 14px;
				float: left;
				color: #FFFFFF;
				line-height: 58px;
				cursor: pointer;
				font-size: 14px;
			}
			.wen{
				position: absolute;
				top: 0;
				right:270px;
				font-size: 14px;
				color: #FFFFFF;
				line-height: 58px;
			}
			.logo{
				position: absolute;
				top: 0;
				right:110px;
				height: 100px;
    			width: 78px;
    			border: 4px solid #272727;
    			background: #212121;
    			text-align: center;
    			z-index: 999;
			}
			.logo_icon {
			    position: relative;
			    top: 18px;
			}
			.banner{
				width: 100%;
				height:594px;
				position: absolute;
				top: 58px;
				left: 0;
			}
			.banner div img{
				width: 100%;
				height: 594px;
			}
			.min_banner{
				width: 100%;
				height: 307px;
				position: relative;
				top: 534px;
				overflow: hidden;
			}
			.nei_banner ul{
				margin-top: 50px;
				width: 90%;
				height: 307px;
				margin-left: 6%;
			}
			.nei_banner ul li{
				width: 363px;
				height: 197px;
				float: left;
				padding: 0px 15px;
			}
			.nei_banner ul li img{
				width: 363px;
				height: 197px;
			}
			.prev{
				margin-top: -62px;
			    position: absolute;
			    top: 50%;
			}
			.next{
				margin-top: -62px;
			    position: absolute;
			    top: 50%;
			    right: 0;
			}
			.di{
				width: 100%;
				height: 470px;
				position: absolute;
				top: 957px;
			}
			.di img{
				width: 100%;
				height: 470px;
			}
			.bottom{
				width: 100%;
				height: 487px;
				position: absolute;
				top:1428px;
			}
			.bottom img{
				width: 100%;
				height: 487px;
			}
		</style>
	</head>
	<body>
		<div class="wrapper">
			<div class="header">
				<ul class="nav">
					<li>首页</li>
					<li>产品</li>
					<li>案例</li>
					<li>开发者中心</li>
					<li>社区</li>
					<li>区块链实验室</li>
					<li>教育</li>
					<li>广告</li>
					<li>关于我们</li>
				</ul>
				<div class="wen">中文／English</div>
				<div class="logo">
					<img src="https://cdn.www.egret.com/official/new-egret/img/egret-nav-icon-2.png" class="logo_icon"/>
				</div>
			</div>
			<div class="banner">
				<div><img src="img/banner.png"/></div>
			</div>
			<div class="min_banner">
				<div class="nei_banner">
					<ul>
						<li><img src="img/nei_01.jpg"/></li>
						<li><img src="img/nei_02.png"/></li>
						<li><img src="img/nei_03.png"/></li>
					</ul>
					<div class="prev">
						<img src="img/leftArrow.png"/>
					</div>
					<div class="next">
						<img src="img/rightArrow.png"/>
					</div>
				</div>
			</div>
			<div class="di">
				<img src="img/dibu.png"/>
			</div>
			<div class="bottom">
				<img src="img/bottom.png"/>
			</div>
		</div>
	</body>
</html>
